const { defineConfig } = require('@vue/cli-service')
const path = require("path")
module.exports = defineConfig({
  transpileDependencies: true,

  // 使用插件  处理svg文件
  chainWebpack(config) {

    config.module
      .rule('svg')
      .exclude.add(path.resolve('src/icons'))
      //  exclude  除了   我们src 目录中 icons 中的 svg图片
      .end();

    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(path.resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]',
      })
      .end();
    //  <svgicon  iconclass="a"> 
    //  <svgicon  iconclass="b"> 
  },

  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:3300',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          // /api 只是我们内部做的标记 表示需要帮我们转发 给别的服务器  
          '^/api': ''
        }
      },
    }
  }
})
